<template>
    <div style="margin:20px;padding:20px;background-color:#fff;">
        <el-form :inline="true" class="demo-form-inline" size="small">
            <el-form-item label="操作员">
                <el-input v-model="s_role_name" placeholder="请输入" clearable></el-input>
            </el-form-item>
            <el-form-item label="手机号">
                <el-input v-model="s_phone" placeholder="请输入" clearable></el-input>
            </el-form-item>
            <el-form-item label="操作时间">
                <el-date-picker
                v-model="s_time"
                type="datetimerange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期">
                </el-date-picker>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="onSubmit">查询</el-button>
            </el-form-item>
        </el-form>
        <el-table :data="tableInfo" size="small">
            <el-table-column prop="index" label="序号"></el-table-column>
            <el-table-column prop="name" label="操作员"></el-table-column>
            <el-table-column prop="phone" label="手机号"></el-table-column>
            <el-table-column prop="time" label="操作时间"></el-table-column>
            <el-table-column prop="info" label="具体操作"></el-table-column>
        </el-table>
    </div>
    
</template>

<script>
    export default {
        data() {
            return {
                s_role_name:'',
                s_phone:'',
                s_time:[],
                tableInfo:[
                    {
                        "index":1,
                        "company":"江南皮革厂",
                        "name":"马天宇",
                        "phone":13576725708,
                        "time":'2018-07-11 14:14:14',
                        "info":"6号流水线",
                    }
                ]
            }
        },
        methods: {
            onSubmit() {
                console.log('submit!');
            },
            goWrite(){
                this.$router.push("/role/edit")
            },
            goDelete(){

            },
            goAdd(){
                this.$router.push("/role/add")
            }
        },
    }
</script>

<style scoped>

</style>